/******************** Default ********************/
.container{
	width:960px;
	margin:10px auto;
}

.header{
	height:50px;
	width:auto;
	background-color:#66F;
}

.content {
	width: 960px;
	overflow:hidden;
	
}

.main_content
{
	width : 758px;
	float:right;	
	border: solid 1px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.lesson_menu{
	width:175px;
        height: 350px;
	float:left;
	background: #EEEEEE;
}

.lesson_menu a{
text-decoration: none;
}

.lesson_menu a:hover{
text-decoration: none;
color: #FF9933;
}

.lesson_menu li{
list-style-type: none;
margin: 0px 0px 18px 0px;
}



.footer{
	height:50px;
	width:auto;
	background-color:#66F;
	
}

/************ Bai viet *******************/
.sub_header{
	padding-left:300px;
	margin-top:10px;
	margin-bottom: 10px;
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px;
	border-style:groove;
}

.topic{
	padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 5px;
		
		
	margin-top:10px;
	margin-bottom: 10px;
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px;
	border-style:groove;
	
	overflow:hidden;
}

.left{
 	float:left;
	width: 70px;
}

.right{
	float:right;
		width: 650px;

}



/****************************comment****************************/
div.comment div.avatar
{
    float:left;
    color:black;
    font-weight: bold;
	border: solid black 2px;
}


div.content_comment
{
	margin-left: 5 px;
	float:right;
	width: 620px;
}


div.comment
{
    font-size: 16px;
	border: solid black 2px;
	overflow:hidden;
}


/****************************LuyenNghe****************************/
.left_video
{
    float:left;
    width: 330px;
}

.right_video{
	float:right;
		width: 230px;

}

.topic_video{
	padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		
		
	margin-top:10px;
	margin-bottom: 10px;
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 10px;
	border-style:groove;
	
	overflow:hidden;
}






div.clearer {clear: left; line-height: 0; height: 0;}

.question {
    clear: both;
    margin-top: 20px;
}
.prompt {
    margin-left: 12px;
        height:auto;
        padding-right: 25px;
        font-family:Tahoma;
        font-size:12px;
        float:left;
}
.prompt_image{
        height:auto;
        float:left;
}
.prompt_text{
        height:auto;
        margin-left: 25px;
        float:left;
        font-family:Tahoma;
        font-size:14px;
        color:#000000;

}

.prompt-number {
    border: 0;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.prompt-content {
    border: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
}

#sol td{
    padding: 0px 4px;
}

/*****************************Kiem Tra****************************/
.left_audio
{
    float:left;
    width: 200px;
}

.right_audio{
	float:right;
		width: 350px;
}

#left_picture{
	float:left;
	width: 480px;
}

.right_picture{
	float:right;
	width: 220px;
	
}

.picture_box{

	width: 200px;
	
	margin-top:10px;
	margin-bottom: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	border-style:groove;
}

#new_word{
	width: 200px;
	height:170px;
}

.choose_right_word{
	padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 5px;
		height: 300px;
		
		
	margin-top:10px;
	margin-bottom: 10px;
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px;
	border-style:groove;
	
	overflow:hidden;	
}

/*************************Trang Tu Vung***************************/

#ListVocabulary {
width: 775px;
border: 2px solid #999;

}

#ListVocabulary ul li{
display: inline;
margin: 0px 30px 0px 0px;

}
#ListVocabulary ul li a{
text-decoration:none;


}
#ListVocabulary ul li a:hover{
color: #FF9933;
}
#ListImageVocabulary{
margin: 0px 0px 0px 100px;
}
#ListImageVocabulary ul li{
display: inline;
margin: 0px 0px 0px 10px;
}

#OneVocabulary{
height: 330px;
border: 2px solid #999;
}
#image{
float:left;
margin: 40px 0px 0px 20px;

}
#contentImage{
float:left;
height: 100px; /*230*/
width:313px; /*360*/
border: 2px solid #999;
margin: 40px 0px 0px 20px;
}
#ListDanhMuc{
	text-align:center;
	padding-top: 5px;
	padding-left: 20px;
	width:760px;
	overflow:hidden;
}

.box_menu
{
	width:70px;
	text-decoration: none;
	float: left;
	padding-left: 50px;
}

#ListDanhMuc img{
width: 40px;
height: 40px;
}


#NameList ul li{
display:inline;
margin: 0px 5px 0px 20px;
}
#NameList ul li a{
text-decoration: none;

}



/*************************Trang MyCourse ******************/


.main_content li{
list-style-type: none;
}
.main_content ul li
{
display: inline;
margin: 50px 0px 0px 40px;
}

#NameLesson{
width: 500px;
border: solid 1px #999;
margin: 50px 0px 45px 75px;
background: #EEEEEE;
}
#NameLesson h2{
margin: 10px 10px 0px 180px;
color:#3399FF;
}

#NameList ul li a{
display:inline;
margin: 0px 10px 0px 3px;
text-decoration: none;
}
#process{
border: solid 1px;
width: 300px;
height: 10px;

margin: 50px 0px 0px 180px;
}

/*********************************Trang Lession**********************/
#WeekTabs ul li{
display: inline;
padding: 0px 20px 0px 0px;
}
#WeekTabs ul li a:hover{
color: #FF9933;
background: #EEEEEE;
}
#WeekTabs ul li a{
text-decoration: none;
}
#ListLesson ul li ul li{
display: inline;
margin: 0px 30px 50px 0px;
}

#ListLesson ul li ul li a{
display: inline;
padding: 0px 50px 0px 0px;
text-decoration:none;
}

#ListLesson ul li ul li a:hover{
color: #FF9933;
}

.process_lession{
border: solid 1px #999;
width: 200px;
height: 15px;
float: right;
margin: 15px 0px 0px 10px;
}
